<html ng-app="Application">
<head>
    <meta charset="utf-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!--标准mui.css-->
    <link rel="stylesheet" href="public/home/css/mui.min.css">

    <script src="public/home/js/mui.min.js"></script>

    <script src="public/home/js/angular.min.js"></script>
    <script src="public/home/js/angular-animate.min.js"></script>
    <script src="public/home/js/angular-ui-router.js"></script>
    <script src="public/home/js/ui-bootstrap-0.13.3.min.js"></script>
    <script src="public/home/js/ui-bootstrap-tpls-0.13.3.min.js"></script>

    <script src="engine/charge/app.js"></script>
    <script src="engine/charge/ctrl.js"></script>
    <script src="engine/charge/direct.js"></script>
    <script src="engine/charge/server.js"></script>

    <style>
        html,body{
            background: #fefefe;
        }
        #mui-content-with-nav{
          margin-top: 45px;
        }
        .top-input{
            width: 100%;
            padding: 5px;
            border-bottom: solid 1px #ededed;
            background: white;
        }
        .top-input .input{
           margin-bottom: 3px; 
           margin-top: 3px;
        }
        .mui-content .input-no-border{
            border: none;
        }
        .chosing-price{
            overflow: hidden;
            width: 100%;
            padding: 5px;
        }
        .chosing-price ul{
          width: 100%;
          overflow: hidden;
          padding: 0px;
          margin: 0px;
        } 

        .chosing-price ul li{
          margin: 0px;
          list-style: none;
          float: right;
          width: 30%;
          border-radius:8px; 
          margin-top: 30px;
          box-shadow: 0px 0px 2px 2px #ededed;
          -moz-box-shadow: 0px 0px 2px 2px #ededed;
          -webkit-box-shadow: 0px 0px 2px 2px #ededed;
        }
        .chosing-price ul li:nth-child(3n-1){
          margin-left:3%; 
          margin-right:3%; 
        }
         .chosing-price ul li:nth-child(3n-2){
          margin-right:2%; 
        }
        .chosing-price ul li p{
           text-align: center;
           color: #333; 
        }
        .container{
            width: 100%;
            height: 300px;
            background: white;
        }
        .chosing-price .value{
            font-size: 16px;
            margin-top: 8px;
            margin-bottom: 3px;
        }
        .chosing-price .price{
            color: red;
            font-size: 12px;
        }
    </style>
</head>
<body>
<div ui-view></div>
</body>
<script type="text/javascript">
     mui.init({
            swipeBack:true //启用右滑关闭功能
     });
</script>
</html>